.yg-detail {
  .detail-center-navBar {
    .center-navBar {
      background-color: var(--themeColor);
      color: #fff;
      .am-navbar-title {
        color: #fff;
      }
    }
  }
  .yg-detail-swiper {
    width: 100%;
    height: 6.666667rem !important;
    .imageWrapper {
      height: 6.666667rem !important;
      width: 80%;
      text-align: center;
      img {
        width: 80% !important;
        height: 100%;
      }
    }
  }
  .yg-detail-share {
    display: flex;
    padding: 0.333333rem 0.266667rem;
    justify-content: space-between;
    height: 1.4rem;
    align-items: center;
    span {
      font-size: 0.426667rem;
      color: var(--themeColor);
    }
    .detail-share-box {
      .iconfont.icon-fenxiang {
        margin-right: 0.366667rem;
      }
      .iconfont.icon-shoucang {
        margin: 0 0.133333rem;
      }
      .active {
        color: var(--themeColor);
      }
    }
  }
  .yg-detail-title {
    font-size: 0.373333rem;
    padding: 0 0.266667rem; // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;
  }
  .yg-detail-particulars {
    position: relative;
    margin-bottom: 1.333333rem;
    .twxq {
      color: #000;
      font-size: 0.32rem;
      text-align: center;
      margin: 0.533333rem 0 0.266667rem 0;
    }
    div {}
  }
  .yg-detail-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 1.333333rem;
    justify-content: space-around;
    display: flex;
    .bottom-service {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      i {}
      span {}
    }
    .bottom-goCart {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex: 1;
      i {}
      span {}
    }
    .bottom-addCart {
      flex: 1.5;
      display: flex;
      align-items: center;
      justify-content: center;
      .bottom-addCart-btn {
        width: 2.133333rem;
        height: 0.733333rem;
        border-radius: 0.266667rem;
        background-color: #fda920;
        color: #fff;
        text-align: center;
        line-height: 0.733333rem;
      }
    }
    .bottom-pay {
      flex: 1.5;
      display: flex;
      align-items: center;
      justify-content: center;
      .bottom-pay-btn {
        width: 2.133333rem;
        height: 0.733333rem;
        border-radius: 0.266667rem;
        background-color: var(--themeColor);
        color: #fff;
        text-align: center;
        line-height: 0.733333rem;
      }
    }
  }
}